#pin_view_layer{
    position: fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background: rgba(229,229,229,.95);
    z-index: 99994;
    overflow: auto;
    padding-top:40px;
}
#pin_view_layer .close-layer{
    width:56px;
    height:56px;
    position: fixed;
    right:14px;
    top:0;
    cursor: pointer;
    z-index: 99995;
}
#pin_view_layer .close-layer i{
    background: url(/static/miind/images/btn_close_layer.png) 0 0 no-repeat;
    width:36px;
    height:36px;
    position: absolute;
    left:50%;
    top:50%;
    margin:-18px 0 0 -18px;
    font-style: italic;
}
#pin_view_layer .close-layer:hover i{
    background-position: 0 -50px;
}
#pin_view_layer .pin-view{
    width:992px;
    margin:0 auto;
}
.pin-view .pin-view-wrapper{
    width:1014px;
    margin:0 auto;
    position: relative;
}
.pin-view .main-part{
    width:698px;
    /*float: left;*/
    margin:0 auto;
}
.pin-view .piece{
    background: #fff;
    padding:16px 20px 46px;
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,.4);
    box-shadow: 0 1px 3px rgba(34,25,25,.4);
    margin-bottom:16px;
}

.pin-view .tool-bar{
    margin-bottom:16px;
    position: relative;
    z-index: 1;
}
.pin-view .tool-bar p{
    font-size:16px;
    color: #444;
    font-weight:700;
    line-height:30px;
}
.pin-view .main-image{
    position: relative;
    overflow: hidden;
    text-align: center;
}
.pin-view .main-image img{
    width:100%;
}
.tool-bar-bottom{
    position: relative;
    margin-top:16px;
    color: #444;

}
.tool-bar-bottom p{
    width:33.3%;
    float: left;
    height:28px;
    font-size:14px;
    line-height:28px;
    margin-bottom:16px;


}
.pin-view .extra-box{
    overflow: hidden;
    margin:11px -20px -16px;
    padding-top:5px;
}
.pin-view .extra-box img{
    width:100%;
}
#pin_view_layer .pin-view-arrows a{
    display: block;
    width:24px;
    height:100px;
    position: absolute;
    left:0;
    top:50%;
    margin-top:-50px;
    background:url(/static/miind/images/pin_view_arrows.png) -160px 0 no-repeat;
}

#pin_view_layer .pin-view-arrows a.next{
    left:auto;
    right:0;
    background-position: -210px 0;
}
#pin_view_layer .pin-view-arrows a.prev:hover{
    background-position: -160px -170px;
}
#pin_view_layer .pin-view-arrows a.next:hover{
    background-position: -210px -170px;
}
@media screen and (min-width: 1200px){
    #pin_view_layer .pin-view-arrows a{
        width:60px;
        height:150px;
        margin-top:-75px;
        background-position: 0 0;
    }
    #pin_view_layer .pin-view-arrows a.next{
        background-position: -80px 0;
    }
    #pin_view_layer .pin-view-arrows a.prev:hover{
        background-position: 0 -170px;
    }
    #pin_view_layer .pin-view-arrows a.next:hover{
        background-position: -80px -170px;
    }
}